概要

TECH::CAMPデザインコースの模擬課題にてGelateria MAKO様からwebサイト作成の依頼を承りました。

• 制作期間：2週間
• 担当箇所：デザイン、コーディング
• 使用ツール：Illustrator、Photoshop、figma、HTML/CSS、jQuery
• URL：https://egawasadanori-gelateriamako.netlify.app

依頼内容

新宿駅のNEWoManに新たにオープンするジェラート店「Gelateria MAKO」のWebサイト制作(模擬)。

• 店名
• Gelateria MAKO
• 住所
• 〒160-0022
• 東京都新宿区新宿4丁目1−6 NEWoMan 1F
• 特徴
• ジェラートの本場イタリアで10年間修行した店主が作る本格ジェラート。
• オーガニックな素材を利用し、身体にも優しい。

制作プロセス

ターゲットの確認

情報設計

ターゲット設定から以下の様にペルソナの行動を仮定しました。

• ・休日はゆっくり過ごすため、ジェラート屋を利用する時も長時間利用する
• ・シンプルな服装が好み、自分の時間を大切にするため、落ち着く空間や店内で過ごす時間に価値を見出す

仮定したペルソナの行動から以下の様にサイトデザインの方向性を決定しました。

• ・落ち着く空間に価値を見出すことから落ち着いたデザインである必要がある。

デザイン

設計したコンセプトに基づき、以下の点を意識してWFを元にデザインをしました。

• ・長い時間を過ごせる落ち着いた空間をイメージしてもらうため、メインカラーに 　枯れ草色、ベースカラーに薄いクリーム色を使用。